/* VENDOR PREFIXES
 * ============================================= */
/* KEYFRAMES
 * ============================================= */
/* OPACITY
 * ============================================= */
/* ROTATE
 * ============================================= */
/* BORDER BOX - http://www.paulirish.com/2012/box-sizing-border-box-ftw/
 * ============================================= */
/* ROUND BORDERS
 * ============================================= */
/* BLUR
 * ============================================= */
/* GRADIENTs
 * ============================================= */
/* TRANSITIONS
 * ============================================= */
/* ease, ease-in, ease-out, ease-in-out, linear, */
/* cubic-bezier(1.0, 0, 0, 1.0) */
/* translate(x, y) moves the position of an item */
/* scale(w, h) changes the size (scale) 1-0 scale */
/* rotate(rad or deg) Rotates and item */
/* skew(x, y in deg/rad) skews and item */
/* matrix() Gives you exact control over an item */
/* You can chain tranforms together -webkit-transform: skew(15deg, 15deg) translate(20px, 20px) scale(.5, .5); */
/* line 26, ../scss/partials/_nav.scss */
.nav-pinned-left {
  padding-left: 240px;
}

/* line 29, ../scss/partials/_nav.scss */
.nav-pinned-right {
  padding-right: 240px;
}

/* line 37, ../scss/partials/_nav.scss 
.nav {
  font-family: sans-serif;
  width: 240px;
  background: #495563;
}*/
/* line 42, ../scss/partials/_nav.scss */
.nav.pinned {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
}
/* line 49, ../scss/partials/_nav.scss */
.nav.pinned.right {
  left: auto;
  right: 0px;
}
/* line 58, ../scss/partials/_nav.scss */
.nav header {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  background: #3f4955;
  height: 40px;
  padding: 10px;
}
/* line 64, ../scss/partials/_nav.scss */
.nav header h1 {
  line-height: 40px;
  width: 40px;
  height: 40px;
  margin: 0px auto;
}
/* line 70, ../scss/partials/_nav.scss */
.add {
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 100px;
  /* Safari and Chrome */
  -khtml-border-radius: 100px;
  /* IE 9 */
  -ms-border-radius: 100px;
  /* IE 9 */
  -moz-border-radius: 100px;
  /* Firefox */
  -o-border-radius: 100px;
  /* Opera */
  border-radius: 100px;
  transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  background: #e74c3c;
  color: white;
  line-height: 40px;
  width: 40px;
  height: 40px;
  text-align: center;
  font-family: FontAwesome;
  font-weight: normal;
  padding: 0px;
  text-decoration: none;
  display: block;

}
/* line 86, ../scss/partials/_nav.scss */
.nav header h1 a:hover {
  background: #e43725;
}
/* line 93, ../scss/partials/_nav.scss */
.nav header .mobile-menu {
  display: none;
  background: url() no-repeat;
  position: absolute;
  top: 18px;
  right: 10px;
  z-index: 1;
  height: 24px;
  width: 30px;
  overflow: hidden;
  text-indent: -3000px;
}
/* line 110, ../scss/partials/_nav.scss */
.nav ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 60px;
  bottom: 60px;
  right: 0px;
  left: 0px;
  z-index: 1;
  overflow: auto;
}
/* line 122, ../scss/partials/_nav.scss */
.nav ul li {
  box-shadow: inset 0px 1px 0px #566473;
  -moz-box-shadow: inset 0px 1px 0px #566473;
  -webkit-box-shadow: inset 0px 1px 0px #566473;
  -o-box-shadow: inset 0px 1px 0px #566473;
  -ms-box-shadow: inset 0px 1px 0px #566473;
  height: 59px;
  border-bottom: 1px solid #3f4955;
  color: #7e8c9a;
  font-size: 16px;
  position: relative;
}
/* line 130, ../scss/partials/_nav.scss */
.nav ul li:first-child {
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
/* line 134, ../scss/partials/_nav.scss */
.nav ul li a {
  display: block;
  color: #7e8c9a;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: lighter;
  font-size: 16px;
  line-height: 59px;
  padding: 0px 20px;
  text-decoration: none;
  text-transform: capitalize;
}
/* line 145, ../scss/partials/_nav.scss */
.nav ul li a:hover {
  background: #566473;
  padding: 0px 20px 0px 15px;
  border-left: 5px solid #3498db;
}
/* line 153, ../scss/partials/_nav.scss */
.nav ul li .nav-toggle-button {
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 100px;
  /* Safari and Chrome */
  -khtml-border-radius: 100px;
  /* IE 9 */
  -ms-border-radius: 100px;
  /* IE 9 */
  -moz-border-radius: 100px;
  /* Firefox */
  -o-border-radius: 100px;
  /* Opera */
  border-radius: 100px;
  background: #566473;
  position: absolute;
  top: 20px;
  right: 10px;
  z-index: 1;
  height: 20px;
  padding: 0px 10px;
  cursor: pointer;
}
/* line 166, ../scss/partials/_nav.scss */
.nav ul li .nav-toggle-button em {
  text-transform: uppercase;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  font-size: 10px;
  display: block;
  margin: 0px 15px 0px 0px;
}
/* line 176, ../scss/partials/_nav.scss */
.nav ul li .nav-toggle-button strong {
  -webkit-border-radius: 100px;
  /* Safari and Chrome */
  -khtml-border-radius: 100px;
  /* IE 9 */
  -ms-border-radius: 100px;
  /* IE 9 */
  -moz-border-radius: 100px;
  /* Firefox */
  -o-border-radius: 100px;
  /* Opera */
  border-radius: 100px;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 1;
  background: #5e6e81;
  height: 14px;
  width: 14px;
}
/* line 188, ../scss/partials/_nav.scss */
.nav ul li .nav-toggle-button[data-included="false"] {
  text-align: right;
  background: #3f4955;
}
/* line 192, ../scss/partials/_nav.scss */
.nav ul li .nav-toggle-button[data-included="false"] strong {
  right: auto;
  left: 3px;
}
/* line 196, ../scss/partials/_nav.scss */
.nav ul li .nav-toggle-button[data-included="false"] em {
  margin: 0px 0px 0px 15px;
}
/* line 209, ../scss/partials/_nav.scss */
.nav footer {
  box-shadow: inset 0px 1px 0px #4a5664;
  -moz-box-shadow: inset 0px 1px 0px #4a5664;
  -webkit-box-shadow: inset 0px 1px 0px #4a5664;
  -o-box-shadow: inset 0px 1px 0px #4a5664;
  -ms-box-shadow: inset 0px 1px 0px #4a5664;
  border-top: 1px solid #3f4955;
  background: #3f4955;
  padding: 10px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
}

@media only screen and (max-width: 760px) {
  /* line 228, ../scss/partials/_nav.scss */
  .nav-pinned-left, .nav-pinned-right {
    padding-left: 0;
    padding-right: 0;
    padding-top: 60px;
  }

  /* line 234, ../scss/partials/_nav.scss */
  .nav {
    width: auto;
  }
  /* line 237, ../scss/partials/_nav.scss */
  .nav.pinned {
    bottom: auto;
    left: 0px;
    right: 0px;
  }
  /* line 242, ../scss/partials/_nav.scss */
  .nav header .mobile-menu {
    display: block;
  }
  /* line 246, ../scss/partials/_nav.scss */
  .nav ul {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 100;
    background: #495563;
    display: none;
  }
  /* line 257, ../scss/partials/_nav.scss */
  .nav ul.nav-show {
    display: block;
  }
  /* line 261, ../scss/partials/_nav.scss */
  .nav footer {
    display: none;
  }
}
/* line 20, ../scss/partials/_form.scss */
.form {
  font-size: 16px;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #333333;
}
/* line 25, ../scss/partials/_form.scss */
.form ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
/* line 30, ../scss/partials/_form.scss */
.form ul li {
  margin: 0px 0px 0px 0px;
}
/* line 33, ../scss/partials/_form.scss */
.form ul li label {
  font-size: 12px;
  margin-bottom: 5px;
  color: #95a5a6;
  display: block;
}
/* line 39, ../scss/partials/_form.scss */
.form ul li label.error {
  color: #e43725;
  clear: both;
  margin: 3px 0px 0px 0px;
}
/* line 46, ../scss/partials/_form.scss */
.form ul li input[type="text"] {
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) inset;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 0px 10px;
  margin: 0px;
  font-size: 16px;
  border: 1px solid #cccccc;
  outline: none;
  line-height: 28px;
  height: 28px;
}
/* line 57, ../scss/partials/_form.scss */
.form ul li input[type="text"]:focus, .form ul li input[type="text"]:active {
  border: 1px solid #00b5e5;
  background: #fffff7;
}
/* line 62, ../scss/partials/_form.scss */
.form ul li input[type="text"].error {
  border: 1px solid #e43725;
  background: #fff6f6;
}
/* line 68, ../scss/partials/_form.scss */
.form ul li select {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 10px;
  margin: 0px;
  font-size: 16px;
  border: 1px solid #cccccc;
  outline: none;
}
/* line 80, ../scss/partials/_form.scss */
.form ul .extended.prefix label:first-child {
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  -ms-border-radius: 3px 0px 0px 3px;
  -o-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
  border: 1px solid #cccccc;
  border-radius: none;
  display: inline-block;
  background: #EEE;
  text-align: right;
  line-height: 28px;
  padding: 0px 5px;
  float: left;
  font-size: 20px;
  font-weight: bold;
}
/* line 93, ../scss/partials/_form.scss */
.form ul .extended.prefix input {
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  -ms-border-radius: 0px 3px 3px 0px;
  -o-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
}

/* line 109, ../scss/partials/_form.scss */
.form .c4 {
  margin: 0px 20px 20px 0px;
  float: left;
}
/* line 113, ../scss/partials/_form.scss */
.form .c4 input {
  width: 100px;
}
/* line 118, ../scss/partials/_form.scss */
.form .color-row {
  -webkit-box-shadow: 0px 1px 0px white inset;
  -moz-box-shadow: 0px 1px 0px white inset;
  box-shadow: 0px 1px 0px white inset;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #f7f7f7;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #dddddd;
}
/* line 126, ../scss/partials/_form.scss */
.form .color-row:last-child {
  margin: 0px;
}
/* line 130, ../scss/partials/_form.scss */
.form .color-row .button {
  min-width: 80px;
  margin-right: 20px;
}
/* line 134, ../scss/partials/_form.scss */
.form .color-row input[type="text"] {
  width: 100px;
}
/* line 138, ../scss/partials/_form.scss */
.form .color-row input[type="text"], .form .color-row input, .form .color-row .sp-light {
  margin-right: 30px;
}
/* line 142, ../scss/partials/_form.scss */
.form .color-row .sp-light {
  border: 1px solid #cccccc;
}
/* line 146, ../scss/partials/_form.scss */
.form .color-row label {
  display: inline;
}

@media only screen and (max-width: 740px) {
  /* line 159, ../scss/partials/_form.scss */
  .form .color-row input[type="text"], .form .color-row input, .form .color-row .sp-light {
    margin-right: 10px;
  }
  /* line 164, ../scss/partials/_form.scss */
  .form .c4 {
    margin: 0px 20px 20px 0px;
    float: left;
  }
}
/* line 14, ../scss/partials/_code.scss */
.showcase {
  background: white;
  margin-bottom: 60px;
}
/* line 18, ../scss/partials/_code.scss */
.showcase h3 {
  padding: 30px 30px 0px 30px;
  margin: 0px;
  font-weight: lighter;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
  color: #95a5a6;
  font-size: 20px;
  line-height: 20px;
}
/* line 30, ../scss/partials/_code.scss */
.showcase .showcase-examples {
  padding: 30px;
}
/* line 35, ../scss/partials/_code.scss */
.showcase .showcase-code {
  background: #495563;
  padding: 20px;
  overflow: auto;
  border: none;
}
/* line 43, ../scss/partials/_code.scss */
.showcase.blankstate {
  padding: 30px;
}
/* line 46, ../scss/partials/_code.scss */
.showcase.blankstate h3 {
  margin: 0px;
}

/* line 12, ../scss/partials/_hero.scss */
.hero {
  padding: 60px;
  position: relative;
  height: 420px;
  box-sizing: border-box;
}
/* line 18, ../scss/partials/_hero.scss */
.hero h1, .hero h2 {
  font-family: "Cherry Swash", sans-serif;
  text-align: center;
}
/* line 23, ../scss/partials/_hero.scss */
.hero h1 {
  text-align: center;
  font-family: "Cherry Swash", sans-serif;
  font-size: 120px;
  margin: 0px;
  line-height: 120px;
  color: #3f4955;
}
/* line 32, ../scss/partials/_hero.scss */
.hero h2 {
  color: #bdc3c7;
  font-size: 24px;
  margin: 0px 0px 40px 0px;
  font-weight: lighter;
}
/* line 39, ../scss/partials/_hero.scss */
.hero .hero-call-to-action {
  margin: 20px auto;
  display: block;
  text-align: center;
}
/* line 44, ../scss/partials/_hero.scss */
.hero .hero-call-to-action .download {
  width: 170px;
  padding: 0px;
}
/* line 48, ../scss/partials/_hero.scss */
.hero .hero-call-to-action .button {
  margin: 0px 10px;
  font-size: 18px;
}
/* line 54, ../scss/partials/_hero.scss */
.hero .social-buttons {
  padding: 20px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  text-align: center;
}
/* line 62, ../scss/partials/_hero.scss */
.hero .social-buttons .github-button {
  min-width: 100px;
}

@media only screen and (max-width: 480px) {
  /* line 73, ../scss/partials/_hero.scss */
  .hero {
    padding-left: 0;
    padding-right: 0;
    padding-top: 60px;
  }
  /* line 78, ../scss/partials/_hero.scss */
  .hero h1 {
    font-size: 60px;
    line-height: 60px;
  }
  /* line 82, ../scss/partials/_hero.scss */
  .hero h2 {
    margin: 20px 40px 0px 40px;
    font-size: 18px;
    line-height: 24px;
  }
  /* line 90, ../scss/partials/_hero.scss */
  .hero .hero-call-to-action .download {
    margin-bottom: 10px;
  }
}
/* line 15, ../scss/partials/_modal.scss */
.blur {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  -webkit-filter: blur(20px);
  -moz-filter: blur(20px);
  -o-filter: blur(20px);
  -ms-filter: blur(20px);
  filter: blur(20px);
}

@-webkit-keyframes fadeIn {
  /* line 21, ../scss/partials/_modal.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(-700px);
    -moz-transform: translateY(-700px);
    -ms-transform: translateY(-700px);
    -o-transform: translateY(-700px);
    transform: translateY(-700px);
  }

  /* line 26, ../scss/partials/_modal.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
  }

  /* line 31, ../scss/partials/_modal.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

/* Safari and Chrome */
@-khtml-keyframes fadeIn {
  /* line 21, ../scss/partials/_modal.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(-700px);
    -moz-transform: translateY(-700px);
    -ms-transform: translateY(-700px);
    -o-transform: translateY(-700px);
    transform: translateY(-700px);
  }

  /* line 26, ../scss/partials/_modal.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
  }

  /* line 31, ../scss/partials/_modal.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

/* IE 9 */
@-ms-keyframes fadeIn {
  /* line 21, ../scss/partials/_modal.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(-700px);
    -moz-transform: translateY(-700px);
    -ms-transform: translateY(-700px);
    -o-transform: translateY(-700px);
    transform: translateY(-700px);
  }

  /* line 26, ../scss/partials/_modal.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
  }

  /* line 31, ../scss/partials/_modal.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

/* IE 9 */
@-moz-keyframes fadeIn {
  /* line 21, ../scss/partials/_modal.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(-700px);
    -moz-transform: translateY(-700px);
    -ms-transform: translateY(-700px);
    -o-transform: translateY(-700px);
    transform: translateY(-700px);
  }

  /* line 26, ../scss/partials/_modal.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
  }

  /* line 31, ../scss/partials/_modal.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

/* Firefox */
@-o-keyframes fadeIn {
  /* line 21, ../scss/partials/_modal.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(-700px);
    -moz-transform: translateY(-700px);
    -ms-transform: translateY(-700px);
    -o-transform: translateY(-700px);
    transform: translateY(-700px);
  }

  /* line 26, ../scss/partials/_modal.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
  }

  /* line 31, ../scss/partials/_modal.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

/* Opera */
@keyframes fadeIn {
  /* line 21, ../scss/partials/_modal.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(-700px);
    -moz-transform: translateY(-700px);
    -ms-transform: translateY(-700px);
    -o-transform: translateY(-700px);
    transform: translateY(-700px);
  }

  /* line 26, ../scss/partials/_modal.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
  }

  /* line 31, ../scss/partials/_modal.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

/* line 41, ../scss/partials/_modal.scss */
.modal {
  -webkit-box-shadow: 0px 5px 200px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 5px 200px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 5px 200px rgba(0, 0, 0, 0.7);
  -webkit-animation: fadeIn 0.5s 1 alternate ease-in-out 0s;
  -moz-animation: fadeIn 0.5s 1 alternate ease-in-out 0s;
  -o-animation: fadeIn 0.5s 1 alternate ease-in-out 0s;
  animation: fadeIn 0.5s 1 alternate ease-in-out 0s;
  background: #FFF;
  position: fixed;
  top: 0px;
  left: 300px;
  right: 60px;
  z-index: 9999;
  max-height: 90%;
  overflow-y: auto;
}
/* line 53, ../scss/partials/_modal.scss */
.modal header {
  padding: 30px 30px 0px 30px;
  position: relative;
}
/* line 57, ../scss/partials/_modal.scss */
.modal header h3 {
  margin: 0px;
  font-weight: lighter;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
  color: #95a5a6;
  font-size: 20px;
  line-height: 20px;
}
/* line 68, ../scss/partials/_modal.scss */
.modal .close-x {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #CCC;
  text-decoration: none;
  font-weight: lighter;
  font-size: 16px;
}
/* line 78, ../scss/partials/_modal.scss */
.modal .modal-content {
  padding: 30px;
}
/* line 82, ../scss/partials/_modal.scss */
.modal footer {
  background: #ecf0f1;
  padding: 10px;
}
/* line 86, ../scss/partials/_modal.scss */
.modal footer .button {
  margin-right: 10px;
}

/* line 96, ../scss/partials/_modal.scss */
.overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
  background: #000;
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  z-index: 9998;
}

/* line 108, ../scss/partials/_modal.scss */
.overlay-light {
  background: #FFF;
}

@media only screen and (max-width: 1060px) {
  /* line 116, ../scss/partials/_modal.scss */
  .modal {
    left: 60px;
  }
}
@media only screen and (max-width: 740px) {
  /* line 122, ../scss/partials/_modal.scss */
  .modal {
    left: 0px;
    right: 0px;
  }
}
/***
Spectrum Colorpicker v1.1.1
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
/* line 8, ../scss/partials/_spectrum.scss */
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* https://github.com/bgrins/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden;
}
/* line 18, ../scss/partials/_spectrum.scss */
.sp-container.sp-flat {
  position: relative;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
/* line 25, ../scss/partials/_spectrum.scss */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}

/* line 31, ../scss/partials/_spectrum.scss */
.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* line 39, ../scss/partials/_spectrum.scss */
.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}

/* line 47, ../scss/partials/_spectrum.scss */
.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}

/* line 56, ../scss/partials/_spectrum.scss */
.sp-fill {
  padding-top: 80%;
}

/* line 60, ../scss/partials/_spectrum.scss */
.sp-sat, .sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 69, ../scss/partials/_spectrum.scss */
.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}
/* line 72, ../scss/partials/_spectrum.scss */
.sp-alpha-enabled .sp-alpha {
  display: block;
}

/* line 77, ../scss/partials/_spectrum.scss */
.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid black;
  background: white;
  opacity: .8;
}

/* line 89, ../scss/partials/_spectrum.scss */
.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}

/* line 98, ../scss/partials/_spectrum.scss */
.sp-alpha-inner {
  border: solid 1px #333333;
}

/* Don't allow text selection */
/* line 104, ../scss/partials/_spectrum.scss */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-alpha-handle {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

/* line 112, ../scss/partials/_spectrum.scss */
.sp-container.sp-dragging .sp-input, .sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
/* line 118, ../scss/partials/_spectrum.scss */
.sp-container.sp-input-disabled .sp-input-container, .sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}

/* line 123, ../scss/partials/_spectrum.scss */
.sp-palette-only .sp-picker-container, .sp-palette-disabled .sp-palette-container, .sp-initial-disabled .sp-initial {
  display: none;
}

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
/* line 129, ../scss/partials/_spectrum.scss */
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, white, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, white, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, white, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, white, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to right, #ffffff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}

/* line 140, ../scss/partials/_spectrum.scss */
.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(black), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, black, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, black, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, black, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, black, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to top, #000000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

/* line 151, ../scss/partials/_spectrum.scss */
.sp-hue {
  background: -moz-linear-gradient(top, red 0%, yellow 17%, lime 33%, cyan 50%, blue 67%, magenta 83%, red 100%);
  background: -ms-linear-gradient(top, red 0%, yellow 17%, lime 33%, cyan 50%, blue 67%, magenta 83%, red 100%);
  background: -o-linear-gradient(top, red 0%, yellow 17%, lime 33%, cyan 50%, blue 67%, magenta 83%, red 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(0.17, yellow), color-stop(0.33, lime), color-stop(0.5, cyan), color-stop(0.67, blue), color-stop(0.83, magenta), to(red));
  background: -webkit-linear-gradient(top, red 0%, yellow 17%, lime 33%, cyan 50%, blue 67%, magenta 83%, red 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
/* line 164, ../scss/partials/_spectrum.scss */
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}

/* line 169, ../scss/partials/_spectrum.scss */
.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}

/* line 174, ../scss/partials/_spectrum.scss */
.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}

/* line 179, ../scss/partials/_spectrum.scss */
.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}

/* line 184, ../scss/partials/_spectrum.scss */
.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}

/* line 189, ../scss/partials/_spectrum.scss */
.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

/* line 194, ../scss/partials/_spectrum.scss */
.sp-hidden {
  display: none !important;
}

/* Clearfix hack */
/* line 200, ../scss/partials/_spectrum.scss */
.sp-cf {
  *zoom: 1;
}
/* line 201, ../scss/partials/_spectrum.scss */
.sp-cf:before {
  content: "";
  display: table;
}
/* line 205, ../scss/partials/_spectrum.scss */
.sp-cf:after {
  content: "";
  display: table;
  clear: both;
}

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
  /* line 215, ../scss/partials/_spectrum.scss */
  .sp-color {
    right: 40%;
  }

  /* line 218, ../scss/partials/_spectrum.scss */
  .sp-hue {
    left: 63%;
  }

  /* line 221, ../scss/partials/_spectrum.scss */
  .sp-fill {
    padding-top: 60%;
  }
}
/* line 226, ../scss/partials/_spectrum.scss */
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid white;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 238, ../scss/partials/_spectrum.scss */
.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid black;
  background: white;
  opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
/* line 256, ../scss/partials/_spectrum.scss */
.sp-container {
  border-radius: 0;
  background-color: #ECECEC;
  border: solid 1px #f0c49b;
  padding: 0;
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 266, ../scss/partials/_spectrum.scss */
.sp-container button, .sp-container input {
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 275, ../scss/partials/_spectrum.scss */
.sp-color, .sp-hue {
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 283, ../scss/partials/_spectrum.scss */
.sp-top {
  margin-bottom: 3px;
}

/* line 287, ../scss/partials/_spectrum.scss */
.sp-color, .sp-hue {
  border: solid 1px #666666;
}

/* Input */
/* line 293, ../scss/partials/_spectrum.scss */
.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}

/* line 299, ../scss/partials/_spectrum.scss */
.sp-initial-disabled .sp-input-container {
  width: 100%;
}

/* line 303, ../scss/partials/_spectrum.scss */
.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  background: transparent;
  border-radius: 3px;
  color: #222;
}
/* line 312, ../scss/partials/_spectrum.scss */
.sp-input:focus {
  border: 1px solid orange;
}
/* line 315, ../scss/partials/_spectrum.scss */
.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}

/* line 321, ../scss/partials/_spectrum.scss */
.sp-picker-container, .sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px;
}

/* line 329, ../scss/partials/_spectrum.scss */
.sp-picker-container {
  width: 172px;
  border-left: solid 1px white;
}

/* Palettes */
/* line 336, ../scss/partials/_spectrum.scss */
.sp-palette-container {
  border-right: solid 1px #cccccc;
}

/* line 340, ../scss/partials/_spectrum.scss */
.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent;
}
/* line 349, ../scss/partials/_spectrum.scss */
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}

/* line 354, ../scss/partials/_spectrum.scss */
.sp-thumb-el {
  position: relative;
}

/* Initial */
/* line 360, ../scss/partials/_spectrum.scss */
.sp-initial {
  float: left;
  border: solid 1px #333333;
}
/* line 363, ../scss/partials/_spectrum.scss */
.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}

/* Buttons */
/* line 375, ../scss/partials/_spectrum.scss */
.sp-button-container {
  float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
/* line 381, ../scss/partials/_spectrum.scss */
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  border: solid 1px #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle;
}
/* line 393, ../scss/partials/_spectrum.scss */
.sp-replacer:hover, .sp-replacer.sp-active {
  border-color: #F0C49B;
  color: #111;
}
/* line 397, ../scss/partials/_spectrum.scss */
.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}

/* line 404, ../scss/partials/_spectrum.scss */
.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}

/* line 412, ../scss/partials/_spectrum.scss */
.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}

/* line 422, ../scss/partials/_spectrum.scss */
.sp-palette {
  *width: 220px;
  max-width: 220px;
}
/* line 425, ../scss/partials/_spectrum.scss */
.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0;
}

/* line 433, ../scss/partials/_spectrum.scss */
.sp-container {
  padding-bottom: 0;
}
/* line 435, ../scss/partials/_spectrum.scss */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #cccccc;
  border-bottom: 1px solid #bbbbbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eeeeee;
  vertical-align: middle;
}
/* line 452, ../scss/partials/_spectrum.scss */
.sp-container button:hover {
  background-color: #dddddd;
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
  border: 1px solid #bbbbbb;
  border-bottom: 1px solid #999999;
  cursor: pointer;
  text-shadow: 0 1px 0 #dddddd;
}
/* line 464, ../scss/partials/_spectrum.scss */
.sp-container button:active {
  border: 1px solid #aaaaaa;
  border-bottom: 1px solid #888888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}

/* Buttons: http://hellohappy.org/css3-buttons/ */
/* line 478, ../scss/partials/_spectrum.scss */
.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;
}
/* line 486, ../scss/partials/_spectrum.scss */
.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}

/* line 493, ../scss/partials/_spectrum.scss */
.sp-palette span:hover, .sp-palette span.sp-thumb-active {
  border-color: #000;
}

/* line 498, ../scss/partials/_spectrum.scss */
.sp-preview, .sp-alpha, .sp-thumb-el {
  position: relative;
  background-image: url();
}

/* line 503, ../scss/partials/_spectrum.scss */
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* line 513, ../scss/partials/_spectrum.scss */
.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
/* line 517, ../scss/partials/_spectrum.scss */
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url();
}
/* line 520, ../scss/partials/_spectrum.scss */
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url();
}

/* line 9, ../scss/partials/_alert.scss */
.alert {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 9px 10px;
  margin: 20px;
}

/* line 15, ../scss/partials/_alert.scss */
.alert-error {
  background: #fff6f6;
  color: #e43725;
  border: 1px solid #e43725;
  text-align: center;
}

@-webkit-keyframes glowing {
  /* line 11, ../scss/Buttons/_glow.scss */
  from {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  /* line 12, ../scss/Buttons/_glow.scss */
  50% {
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  /* line 13, ../scss/Buttons/_glow.scss */
  to {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}

@-moz-keyframes glowing {
  /* line 17, ../scss/Buttons/_glow.scss */
  from {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  /* line 18, ../scss/Buttons/_glow.scss */
  50% {
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  /* line 19, ../scss/Buttons/_glow.scss */
  to {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}

@-o-keyframes glowing {
  /* line 23, ../scss/Buttons/_glow.scss */
  from {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  /* line 24, ../scss/Buttons/_glow.scss */
  50% {
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  /* line 25, ../scss/Buttons/_glow.scss */
  to {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}

@keyframes glowing {
  /* line 29, ../scss/Buttons/_glow.scss */
  from {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  /* line 30, ../scss/Buttons/_glow.scss */
  50% {
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  /* line 31, ../scss/Buttons/_glow.scss */
  to {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}

/* line 24, ../scss/Buttons/_buttons.scss */
.button {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  background-color: #eeeeee;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
  background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: linear-gradient(top, #fbfbfb, #e1e1e1);
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: 1px solid #d4d4d4;
  height: 32px;
  line-height: 32px;
  padding: 0px 25.6px;
  font-weight: 300;
  font-size: 14px;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #666666;
  text-shadow: 0 1px 1px white;
  margin: 0;
  text-decoration: none;
  text-align: center;
}
/* line 42, ../scss/Buttons/_buttons.scss */
.button:hover {
  background-color: #eeeeee;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
  background: -moz-linear-gradient(top, #ffffff, #dcdcdc);
  background: -o-linear-gradient(top, #ffffff, #dcdcdc);
  background: linear-gradient(top, #ffffff, #dcdcdc);
}
/* line 46, ../scss/Buttons/_buttons.scss */
.button:active {
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
  background: #eeeeee;
  color: #bbbbbb;
}
/* line 52, ../scss/Buttons/_buttons.scss */
.button:focus {
  outline: none;
}

/* line 58, ../scss/Buttons/_buttons.scss */
input.button, button.button {
  height: 34px;
  cursor: pointer;
  -webkit-appearance: none;
}

/* line 65, ../scss/Buttons/_buttons.scss */
.button-block {
  display: block;
}

/* line 74, ../scss/Buttons/_buttons.scss */
.button.disabled,
.button.disabled:hover,
.button.disabled:active,
input.button:disabled,
button.button:disabled {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  background: #EEE;
  border: 1px solid #dddddd;
  text-shadow: 0 1px 1px white;
  color: #CCC;
  cursor: default;
  -webkit-appearance: none;
}

/* line 86, ../scss/Buttons/_buttons.scss */
.button-wrap {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(100%, #f2f2f2));
  background: -webkit-linear-gradient(top, #e3e3e3, #f2f2f2);
  background: -moz-linear-gradient(top, #e3e3e3, #f2f2f2);
  background: -o-linear-gradient(top, #e3e3e3, #f2f2f2);
  background: linear-gradient(top, #e3e3e3, #f2f2f2);
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border-radius: 200px;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  padding: 10px;
  display: inline-block;
}

/* line 96, ../scss/Buttons/_buttons.scss */
.button-flat {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #eeeeee;
  border: none;
  text-shadow: none;
}
/* line 105, ../scss/Buttons/_buttons.scss */
.button-flat:hover {
  background: #fbfbfb;
}
/* line 108, ../scss/Buttons/_buttons.scss */
.button-flat:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: #eeeeee;
  color: #bbbbbb;
}
/* line 113, ../scss/Buttons/_buttons.scss */
.button-flat.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

/* line 123, ../scss/Buttons/_buttons.scss */
.button-border {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #666666;
  border: 2px solid #666666;
  background: none;
  text-shadow: none;
}
/* line 132, ../scss/Buttons/_buttons.scss */
.button-border:hover {
  background: none;
  color: gray;
  border: 2px solid gray;
}
/* line 137, ../scss/Buttons/_buttons.scss */
.button-border:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #4d4d4d;
  border: 2px solid #4d4d4d;
}
/* line 143, ../scss/Buttons/_buttons.scss */
.button-border.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

/* line 153, ../scss/Buttons/_buttons.scss */
.button-3d {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9));
  background: -webkit-linear-gradient(top, #f3f3f3, #e9e9e9);
  background: -moz-linear-gradient(top, #f3f3f3, #e9e9e9);
  background: -o-linear-gradient(top, #f3f3f3, #e9e9e9);
  background: linear-gradient(top, #f3f3f3, #e9e9e9);
  background-color: #eeeeee;
  color: #666666;
  border: 1px solid #e1e1e1;
  text-shadow: none;
  position: relative;
  top: 0px;
}
/* line 165, ../scss/Buttons/_buttons.scss */
.button-3d:hover {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ebebeb));
  background: -webkit-linear-gradient(top, #ffffff, #ebebeb);
  background: -moz-linear-gradient(top, #ffffff, #ebebeb);
  background: -o-linear-gradient(top, #ffffff, #ebebeb);
  background: linear-gradient(top, #ffffff, #ebebeb);
  background-color: white;
}
/* line 170, ../scss/Buttons/_buttons.scss */
.button-3d:active {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, #f3f3f3));
  background: -webkit-linear-gradient(top, #e9e9e9, #f3f3f3);
  background: -moz-linear-gradient(top, #e9e9e9, #f3f3f3);
  background: -o-linear-gradient(top, #e9e9e9, #f3f3f3);
  background: linear-gradient(top, #e9e9e9, #f3f3f3);
  background-color: #eeeeee;
  color: #bbbbbb;
  border: 1px solid #e1e1e1;
  top: 5px;
}
/* line 178, ../scss/Buttons/_buttons.scss */
.button-3d.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

/* line 192, ../scss/Buttons/_buttons.scss */
.button-rounded {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

/* line 192, ../scss/Buttons/_buttons.scss */
.button-pill {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}

/* line 192, ../scss/Buttons/_buttons.scss */
.button-circle {
  -webkit-border-radius: 240px;
  -moz-border-radius: 240px;
  -ms-border-radius: 240px;
  -o-border-radius: 240px;
  border-radius: 240px;
  -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  width: 120px;
  line-height: 120px;
  height: 120px;
  padding: 0px;
  border-width: 4px;
  font-size: 19px;
}

/* line 226, ../scss/Buttons/_buttons.scss */
.button-primary {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b5e5), color-stop(100%, #008db2));
  background: -webkit-linear-gradient(top, #00b5e5, #008db2);
  background: -moz-linear-gradient(top, #00b5e5, #008db2);
  background: -o-linear-gradient(top, #00b5e5, #008db2);
  background: linear-gradient(top, #00b5e5, #008db2);
  background-color: #00a1cb;
  border-color: #007998;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);
}
/* line 233, ../scss/Buttons/_buttons.scss */
.button-primary:hover {
  background-color: #00a1cb;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #008db2));
  background: -webkit-linear-gradient(top, #00c9fe, #008db2);
  background: -moz-linear-gradient(top, #00c9fe, #008db2);
  background: -o-linear-gradient(top, #00c9fe, #008db2);
  background: linear-gradient(top, #00c9fe, #008db2);
}
/* line 237, ../scss/Buttons/_buttons.scss */
.button-primary:active {
  background: #1495b7;
  color: #005065;
}

/* line 250, ../scss/Buttons/_buttons.scss */
.button-3d-primary {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a9d5), color-stop(100%, #0099c1));
  background: -webkit-linear-gradient(top, #00a9d5, #0099c1);
  background: -moz-linear-gradient(top, #00a9d5, #0099c1);
  background: -o-linear-gradient(top, #00a9d5, #0099c1);
  background: linear-gradient(top, #00a9d5, #0099c1);
  background-color: #00a1cb;
  color: white;
  border: 1px solid #007998;
  text-shadow: none;
  position: relative;
  top: 0;
}
/* line 262, ../scss/Buttons/_buttons.scss */
.button-3d-primary:hover {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c1f4), color-stop(100%, #009dc6));
  background: -webkit-linear-gradient(top, #00c1f4, #009dc6);
  background: -moz-linear-gradient(top, #00c1f4, #009dc6);
  background: -o-linear-gradient(top, #00c1f4, #009dc6);
  background: linear-gradient(top, #00c1f4, #009dc6);
  background-color: #00c9fe;
}
/* line 267, ../scss/Buttons/_buttons.scss */
.button-3d-primary:active {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0099c1), color-stop(100%, #00a9d5));
  background: -webkit-linear-gradient(top, #0099c1, #00a9d5);
  background: -moz-linear-gradient(top, #0099c1, #00a9d5);
  background: -o-linear-gradient(top, #0099c1, #00a9d5);
  background: linear-gradient(top, #0099c1, #00a9d5);
  background-color: #1495b7;
  color: #005065;
  border: 1px solid #008db2;
  top: 5px;
}
/* line 275, ../scss/Buttons/_buttons.scss */
.button-3d-primary.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

/* line 289, ../scss/Buttons/_buttons.scss */
.button-border-primary {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #00a1cb;
  border: 2px solid #00a1cb;
  background: none;
  text-shadow: none;
}
/* line 298, ../scss/Buttons/_buttons.scss */
.button-border-primary:hover {
  background: none;
  color: #00c9fe;
  border: 2px solid #00c9fe;
}
/* line 303, ../scss/Buttons/_buttons.scss */
.button-border-primary:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #007998;
  border: 2px solid #007998;
}
/* line 309, ../scss/Buttons/_buttons.scss */
.button-border-primary.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

/* line 321, ../scss/Buttons/_buttons.scss */
.button-flat-primary {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #00a1cb;
  color: white;
  text-shadow: none;
  border: none;
}
/* line 330, ../scss/Buttons/_buttons.scss */
.button-flat-primary:hover {
  background: #00b5e5;
}
/* line 333, ../scss/Buttons/_buttons.scss */
.button-flat-primary:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: #1495b7;
  color: #00647f;
}
/* line 338, ../scss/Buttons/_buttons.scss */
.button-flat-primary.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

/* line 226, ../scss/Buttons/_buttons.scss */
.button-action {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fcf00), color-stop(100%, #6b9c00));
  background: -webkit-linear-gradient(top, #8fcf00, #6b9c00);
  background: -moz-linear-gradient(top, #8fcf00, #6b9c00);
  background: -o-linear-gradient(top, #8fcf00, #6b9c00);
  background: linear-gradient(top, #8fcf00, #6b9c00);
  background-color: #7db500;
  border-color: #5a8200;
  color: white;
  text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35);
}
/* line 233, ../scss/Buttons/_buttons.scss */
.button-action:hover {
  background-color: #7db500;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a0e800), color-stop(100%, #6b9c00));
  background: -webkit-linear-gradient(top, #a0e800, #6b9c00);
  background: -moz-linear-gradient(top, #a0e800, #6b9c00);
  background: -o-linear-gradient(top, #a0e800, #6b9c00);
  background: linear-gradient(top, #a0e800, #6b9c00);
}
/* line 237, ../scss/Buttons/_buttons.scss */
.button-action:active {
  background: #76a312;
  color: #374f00;
}

/* line 250, ../scss/Buttons/_buttons.scss */
.button-3d-action {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #84bf00), color-stop(100%, #76ab00));
  background: -webkit-linear-gradient(top, #84bf00, #76ab00);
  background: -moz-linear-gradient(top, #84bf00, #76ab00);
  background: -o-linear-gradient(top, #84bf00, #76ab00);
  background: linear-gradient(top, #84bf00, #76ab00);
  background-color: #7db500;
  color: white;
  border: 1px solid #5a8200;
  text-shadow: none;
  position: relative;
  top: 0;
}
/* line 262, ../scss/Buttons/_buttons.scss */
.button-3d-action:hover {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #99de00), color-stop(100%, #79b000));
  background: -webkit-linear-gradient(top, #99de00, #79b000);
  background: -moz-linear-gradient(top, #99de00, #79b000);
  background: -o-linear-gradient(top, #99de00, #79b000);
  background: linear-gradient(top, #99de00, #79b000);
  background-color: #a0e800;
}
/* line 267, ../scss/Buttons/_buttons.scss */
.button-3d-action:active {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76ab00), color-stop(100%, #84bf00));
  background: -webkit-linear-gradient(top, #76ab00, #84bf00);
  background: -moz-linear-gradient(top, #76ab00, #84bf00);
  background: -o-linear-gradient(top, #76ab00, #84bf00);
  background: linear-gradient(top, #76ab00, #84bf00);
  background-color: #76a312;
  color: #374f00;
  border: 1px solid #6b9c00;
  top: 5px;
}
/* line 275, ../scss/Buttons/_buttons.scss */
.button-3d-action.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

/* line 289, ../scss/Buttons/_buttons.scss */
.button-border-action {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #7db500;
  border: 2px solid #7db500;
  background: none;
  text-shadow: none;
}
/* line 298, ../scss/Buttons/_buttons.scss */
.button-border-action:hover {
  background: none;
  color: #a0e800;
  border: 2px solid #a0e800;
}
/* line 303, ../scss/Buttons/_buttons.scss */
.button-border-action:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #5a8200;
  border: 2px solid #5a8200;
}
/* line 309, ../scss/Buttons/_buttons.scss */
.button-border-action.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

/* line 321, ../scss/Buttons/_buttons.scss */
.button-flat-action {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #7db500;
  color: white;
  text-shadow: none;
  border: none;
}
/* line 330, ../scss/Buttons/_buttons.scss */
.button-flat-action:hover {
  background: #8fcf00;
}
/* line 333, ../scss/Buttons/_buttons.scss */
.button-flat-action:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: #76a312;
  color: #486900;
}
/* line 338, ../scss/Buttons/_buttons.scss */
.button-flat-action.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

/* line 226, ../scss/Buttons/_buttons.scss */
.button-highlight {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9915), color-stop(100%, #d87e04));
  background: -webkit-linear-gradient(top, #fa9915, #d87e04);
  background: -moz-linear-gradient(top, #fa9915, #d87e04);
  background: -o-linear-gradient(top, #fa9915, #d87e04);
  background: linear-gradient(top, #fa9915, #d87e04);
  background-color: #f18d05;
  border-color: #bf7004;
  color: white;
  text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
}
/* line 233, ../scss/Buttons/_buttons.scss */
.button-highlight:hover {
  background-color: #f18d05;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04));
  background: -webkit-linear-gradient(top, #fba42e, #d87e04);
  background: -moz-linear-gradient(top, #fba42e, #d87e04);
  background: -o-linear-gradient(top, #fba42e, #d87e04);
  background: linear-gradient(top, #fba42e, #d87e04);
}
/* line 237, ../scss/Buttons/_buttons.scss */
.button-highlight:active {
  background: #d8891e;
  color: #8d5303;
}

/* line 250, ../scss/Buttons/_buttons.scss */
.button-3d-highlight {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bf7004, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bf7004, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bf7004, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9306), color-stop(100%, #e78705));
  background: -webkit-linear-gradient(top, #fa9306, #e78705);
  background: -moz-linear-gradient(top, #fa9306, #e78705);
  background: -o-linear-gradient(top, #fa9306, #e78705);
  background: linear-gradient(top, #fa9306, #e78705);
  background-color: #f18d05;
  color: white;
  border: 1px solid #bf7004;
  text-shadow: none;
  position: relative;
  top: 0;
}
/* line 262, ../scss/Buttons/_buttons.scss */
.button-3d-highlight:hover {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #faa024), color-stop(100%, #ec8a05));
  background: -webkit-linear-gradient(top, #faa024, #ec8a05);
  background: -moz-linear-gradient(top, #faa024, #ec8a05);
  background: -o-linear-gradient(top, #faa024, #ec8a05);
  background: linear-gradient(top, #faa024, #ec8a05);
  background-color: #fba42e;
}
/* line 267, ../scss/Buttons/_buttons.scss */
.button-3d-highlight:active {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e78705), color-stop(100%, #fa9306));
  background: -webkit-linear-gradient(top, #e78705, #fa9306);
  background: -moz-linear-gradient(top, #e78705, #fa9306);
  background: -o-linear-gradient(top, #e78705, #fa9306);
  background: linear-gradient(top, #e78705, #fa9306);
  background-color: #d8891e;
  color: #8d5303;
  border: 1px solid #d87e04;
  top: 5px;
}
/* line 275, ../scss/Buttons/_buttons.scss */
.button-3d-highlight.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

/* line 289, ../scss/Buttons/_buttons.scss */
.button-border-highlight {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #f18d05;
  border: 2px solid #f18d05;
  background: none;
  text-shadow: none;
}
/* line 298, ../scss/Buttons/_buttons.scss */
.button-border-highlight:hover {
  background: none;
  color: #fba42e;
  border: 2px solid #fba42e;
}
/* line 303, ../scss/Buttons/_buttons.scss */
.button-border-highlight:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #bf7004;
  border: 2px solid #bf7004;
}
/* line 309, ../scss/Buttons/_buttons.scss */
.button-border-highlight.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

/* line 321, ../scss/Buttons/_buttons.scss */
.button-flat-highlight {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #f18d05;
  color: white;
  text-shadow: none;
  border: none;
}
/* line 330, ../scss/Buttons/_buttons.scss */
.button-flat-highlight:hover {
  background: #fa9915;
}
/* line 333, ../scss/Buttons/_buttons.scss */
.button-flat-highlight:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: #d8891e;
  color: #a66103;
}
/* line 338, ../scss/Buttons/_buttons.scss */
.button-flat-highlight.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

/* line 226, ../scss/Buttons/_buttons.scss */
.button-caution {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8543f), color-stop(100%, #d9331a));
  background: -webkit-linear-gradient(top, #e8543f, #d9331a);
  background: -moz-linear-gradient(top, #e8543f, #d9331a);
  background: -o-linear-gradient(top, #e8543f, #d9331a);
  background: linear-gradient(top, #e8543f, #d9331a);
  background-color: #e54028;
  border-color: #c22d18;
  color: white;
  text-shadow: 0 -1px 1px rgba(103, 24, 13, 0.35);
}
/* line 233, ../scss/Buttons/_buttons.scss */
.button-caution:hover {
  background-color: #e54028;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eb6855), color-stop(100%, #d9331a));
  background: -webkit-linear-gradient(top, #eb6855, #d9331a);
  background: -moz-linear-gradient(top, #eb6855, #d9331a);
  background: -o-linear-gradient(top, #eb6855, #d9331a);
  background: linear-gradient(top, #eb6855, #d9331a);
}
/* line 237, ../scss/Buttons/_buttons.scss */
.button-caution:active {
  background: #cd5240;
  color: #952312;
}

/* line 250, ../scss/Buttons/_buttons.scss */
.button-3d-caution {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e64831), color-stop(100%, #e4381f));
  background: -webkit-linear-gradient(top, #e64831, #e4381f);
  background: -moz-linear-gradient(top, #e64831, #e4381f);
  background: -o-linear-gradient(top, #e64831, #e4381f);
  background: linear-gradient(top, #e64831, #e4381f);
  background-color: #e54028;
  color: white;
  border: 1px solid #c22d18;
  text-shadow: none;
  position: relative;
  top: 0;
}
/* line 262, ../scss/Buttons/_buttons.scss */
.button-3d-caution:hover {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9604c), color-stop(100%, #e43c23));
  background: -webkit-linear-gradient(top, #e9604c, #e43c23);
  background: -moz-linear-gradient(top, #e9604c, #e43c23);
  background: -o-linear-gradient(top, #e9604c, #e43c23);
  background: linear-gradient(top, #e9604c, #e43c23);
  background-color: #eb6855;
}
/* line 267, ../scss/Buttons/_buttons.scss */
.button-3d-caution:active {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4381f), color-stop(100%, #e64831));
  background: -webkit-linear-gradient(top, #e4381f, #e64831);
  background: -moz-linear-gradient(top, #e4381f, #e64831);
  background: -o-linear-gradient(top, #e4381f, #e64831);
  background: linear-gradient(top, #e4381f, #e64831);
  background-color: #cd5240;
  color: #952312;
  border: 1px solid #d9331a;
  top: 5px;
}
/* line 275, ../scss/Buttons/_buttons.scss */
.button-3d-caution.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

/* line 289, ../scss/Buttons/_buttons.scss */
.button-border-caution {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #e54028;
  border: 2px solid #e54028;
  background: none;
  text-shadow: none;
}
/* line 298, ../scss/Buttons/_buttons.scss */
.button-border-caution:hover {
  background: none;
  color: #eb6855;
  border: 2px solid #eb6855;
}
/* line 303, ../scss/Buttons/_buttons.scss */
.button-border-caution:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #c22d18;
  border: 2px solid #c22d18;
}
/* line 309, ../scss/Buttons/_buttons.scss */
.button-border-caution.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

/* line 321, ../scss/Buttons/_buttons.scss */
.button-flat-caution {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #e54028;
  color: white;
  text-shadow: none;
  border: none;
}
/* line 330, ../scss/Buttons/_buttons.scss */
.button-flat-caution:hover {
  background: #e8543f;
}
/* line 333, ../scss/Buttons/_buttons.scss */
.button-flat-caution:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: #cd5240;
  color: #ac2815;
}
/* line 338, ../scss/Buttons/_buttons.scss */
.button-flat-caution.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

/* line 226, ../scss/Buttons/_buttons.scss */
.button-royal {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #99389f), color-stop(100%, #752a79));
  background: -webkit-linear-gradient(top, #99389f, #752a79);
  background: -moz-linear-gradient(top, #99389f, #752a79);
  background: -o-linear-gradient(top, #99389f, #752a79);
  background: linear-gradient(top, #99389f, #752a79);
  background-color: #87318c;
  border-color: #632466;
  color: white;
  text-shadow: 0 -1px 1px rgba(26, 9, 27, 0.35);
}
/* line 233, ../scss/Buttons/_buttons.scss */
.button-royal:hover {
  background-color: #87318c;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ab3eb2), color-stop(100%, #752a79));
  background: -webkit-linear-gradient(top, #ab3eb2, #752a79);
  background: -moz-linear-gradient(top, #ab3eb2, #752a79);
  background: -o-linear-gradient(top, #ab3eb2, #752a79);
  background: linear-gradient(top, #ab3eb2, #752a79);
}
/* line 237, ../scss/Buttons/_buttons.scss */
.button-royal:active {
  background: #764479;
  color: #3e1740;
}

/* line 250, ../scss/Buttons/_buttons.scss */
.button-3d-royal {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #632466, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #632466, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #632466, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8e3494), color-stop(100%, #802e84));
  background: -webkit-linear-gradient(top, #8e3494, #802e84);
  background: -moz-linear-gradient(top, #8e3494, #802e84);
  background: -o-linear-gradient(top, #8e3494, #802e84);
  background: linear-gradient(top, #8e3494, #802e84);
  background-color: #87318c;
  color: white;
  border: 1px solid #632466;
  text-shadow: none;
  position: relative;
  top: 0;
}
/* line 262, ../scss/Buttons/_buttons.scss */
.button-3d-royal:hover {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a43caa), color-stop(100%, #833088));
  background: -webkit-linear-gradient(top, #a43caa, #833088);
  background: -moz-linear-gradient(top, #a43caa, #833088);
  background: -o-linear-gradient(top, #a43caa, #833088);
  background: linear-gradient(top, #a43caa, #833088);
  background-color: #ab3eb2;
}
/* line 267, ../scss/Buttons/_buttons.scss */
.button-3d-royal:active {
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #802e84), color-stop(100%, #8e3494));
  background: -webkit-linear-gradient(top, #802e84, #8e3494);
  background: -moz-linear-gradient(top, #802e84, #8e3494);
  background: -o-linear-gradient(top, #802e84, #8e3494);
  background: linear-gradient(top, #802e84, #8e3494);
  background-color: #764479;
  color: #3e1740;
  border: 1px solid #752a79;
  top: 5px;
}
/* line 275, ../scss/Buttons/_buttons.scss */
.button-3d-royal.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

/* line 289, ../scss/Buttons/_buttons.scss */
.button-border-royal {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #87318c;
  border: 2px solid #87318c;
  background: none;
  text-shadow: none;
}
/* line 298, ../scss/Buttons/_buttons.scss */
.button-border-royal:hover {
  background: none;
  color: #ab3eb2;
  border: 2px solid #ab3eb2;
}
/* line 303, ../scss/Buttons/_buttons.scss */
.button-border-royal:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #632466;
  border: 2px solid #632466;
}
/* line 309, ../scss/Buttons/_buttons.scss */
.button-border-royal.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

/* line 321, ../scss/Buttons/_buttons.scss */
.button-flat-royal {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #87318c;
  color: white;
  text-shadow: none;
  border: none;
}
/* line 330, ../scss/Buttons/_buttons.scss */
.button-flat-royal:hover {
  background: #99389f;
}
/* line 333, ../scss/Buttons/_buttons.scss */
.button-flat-royal:active {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  background: #764479;
  color: #501d53;
}
/* line 338, ../scss/Buttons/_buttons.scss */
.button-flat-royal.disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

/* line 358, ../scss/Buttons/_buttons.scss */
.button-jumbo {
  font-size: 24px;
  height: 51.2px;
  line-height: 51.2px;
  padding: 0px 40.96px;
}

/* line 358, ../scss/Buttons/_buttons.scss */
.button-large {
  font-size: 19px;
  height: 38.4px;
  line-height: 38.4px;
  padding: 0px 30.72px;
}

/* line 389, ../scss/Buttons/_buttons.scss */
input.button-large, button.button-large {
  height: 40.4px;
}

/* line 358, ../scss/Buttons/_buttons.scss */
.button-small {
  font-size: 13px;
  height: 25.6px;
  line-height: 25.6px;
  padding: 0px 20.48px;
}

/* line 389, ../scss/Buttons/_buttons.scss */
input.button-small, button.button-small {
  height: 27.6px;
}

/* line 358, ../scss/Buttons/_buttons.scss */
.button-tiny {
  font-size: 12px;
  height: 22.4px;
  line-height: 22.4px;
  padding: 0px 17.92px;
}

/* line 389, ../scss/Buttons/_buttons.scss */
input.button-tiny, button.button-tiny {
  height: 24.4px;
}

/* line 410, ../scss/Buttons/_buttons.scss */
.button.glow {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -ms-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -khtml-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: glowing;
  -khtml-animation-name: glowing;
  -moz-animation-name: glowing;
  -ms-animation-name: glowing;
  -o-animation-name: glowing;
  animation-name: glowing;
}
/* line 413, ../scss/Buttons/_buttons.scss */
.button.glow:active {
  -webkit-animation-name: none;
  -moz-animation-name: none;
  -ms-animation-name: none;
  -o-animation-name: none;
  animation-name: none;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
}

/* line 425, ../scss/Buttons/_buttons.scss */
.button-dropdown {
  position: relative;
  overflow: visible;
  display: inline-block;
}
/* line 432, ../scss/Buttons/_buttons.scss */
.button-dropdown .button .icon-caret-down {
  font-size: 90%;
  margin: 0px 0px 0px 3px;
  vertical-align: middle;
}
/* line 439, ../scss/Buttons/_buttons.scss */
.button-dropdown ul.button-dropdown-menu-below {
  top: 115%;
}
/* line 442, ../scss/Buttons/_buttons.scss */
.button-dropdown ul.button-dropdown-menu-above {
  bottom: 115%;
  top: auto;
}
/* line 448, ../scss/Buttons/_buttons.scss */
.button-dropdown ul {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: none;
  position: absolute;
  background: #fcfcfc;
  top: -2px;
  left: -2px;
  z-index: 1000;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  min-width: 102%;
}
/* line 462, ../scss/Buttons/_buttons.scss */
.button-dropdown ul li {
  padding: 0px;
  margin: 0px;
  display: block;
}
/* line 467, ../scss/Buttons/_buttons.scss */
.button-dropdown ul li:first-child a {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
/* line 470, ../scss/Buttons/_buttons.scss */
.button-dropdown ul li:last-child a {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/* line 476, ../scss/Buttons/_buttons.scss */
.button-dropdown ul .button-dropdown-divider {
  -webkit-box-shadow: inset 0px 1px 0px white;
  -moz-box-shadow: inset 0px 1px 0px white;
  box-shadow: inset 0px 1px 0px white;
  border-top: 1px solid #e4e4e4;
}
/* line 481, ../scss/Buttons/_buttons.scss */
.button-dropdown ul a {
  display: block;
  padding: 0px 20px;
  text-decoration: none;
  font-size: 12px;
  color: #333333;
  line-height: 30px;
  white-space: nowrap;
}
/* line 490, ../scss/Buttons/_buttons.scss */
.button-dropdown ul a:hover {
  background-color: #3c6ab9;
  color: white;
}

/* line 18, ../scss/unicorn_module.scss */
.clear {
  clear: both;
}

/* line 22, ../scss/unicorn_module.scss */

/* line 28, ../scss/unicorn_module.scss */
a {
  color: #00A1CB;
}

/* line 32, ../scss/unicorn_module.scss */
.page {
  background: #ecf0f1;
  padding: 60px;
}

/* line 41, ../scss/unicorn_module.scss */
.instructions {
  padding: 60px 60px 0px 60px;
}
/* line 44, ../scss/unicorn_module.scss */
.instructions h2 {
  font-family: "Cherry Swash", sans-serif;
  text-align: center;
  font-size: 50px;
  line-height: 50px;
  margin: 0px 0px 30px 0px;
  padding: 0px;
  color: #95a5a6;
  font-weight: lighter;
}
/* line 55, ../scss/unicorn_module.scss */
.instructions h3 {
  font-size: 28px;
  color: #566473;
  margin: 0px 0px 20px 0px;
}
/* line 61, ../scss/unicorn_module.scss */
.instructions ol.steps {
  margin: 0px;
  padding: 0px 0px 0px 30px;
  color: #566473;
}
/* line 66, ../scss/unicorn_module.scss */
.instructions ol.steps > li {
  margin: 0px 0px 15px 0px;
}
/* line 69, ../scss/unicorn_module.scss */
.instructions ol.steps > li em {
  font-size: 12px;
  font-style: normal;
}
/* line 76, ../scss/unicorn_module.scss */
.instructions .instruction-block {
  padding: 30px;
  background: #ecf0f1;
  margin-bottom: 60px;
}
/* line 82, ../scss/unicorn_module.scss */
.instructions pre.prettyprint {
  background: #495563;
  overflow: auto;
  font-size: 12px;
  border: none;
}

/* line 94, ../scss/unicorn_module.scss */
footer {
  padding: 0px 60px 60px 60px;
}
/* line 97, ../scss/unicorn_module.scss */
footer h3 {
  font-size: 14px;
  color: #566473;
  text-align: center;
  margin-bottom: 15px;
}
/* line 104, ../scss/unicorn_module.scss */
footer p {
  text-align: center;
  color: #566473;
  font-size: 12px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 480px) {
  /* line 116, ../scss/unicorn_module.scss */
  .page, .instructions {
    padding: 20px;
  }
  /* line 119, ../scss/unicorn_module.scss */
  .page .instruction-block, .instructions .instruction-block {
    padding: 15px;
    margin-bottom: 30px;
  }
  /* line 123, ../scss/unicorn_module.scss */
  .page .instruction-block h3, .instructions .instruction-block h3 {
    font-size: 20px;
  }
}
